<script setup lang="ts">
import UserInfo from '@/components/userInfo.vue'
</script>

<template>
  <div class="about">
    <h1>尝试意外的透传属性, 测试</h1>
    <p>
      [Vue warn]: Extraneous non-props attributes (info) were passed to component but could not be
      automatically inherited because component renders fragment or text or teleport root nodes.
    </p>
    <user-info :info="{ name: '张三', age: 18 }" />
  </div>
</template>

<style></style>
